<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>趣运动</title>
    <link rel="stylesheet" href="../趣运动/css/index.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="head_top clearfix">
                <div class="head_top_left">
                    <span>运动,就这么简单!</span>
                    <div class="phone_right">
                        <i class="iconfont icon-shouji"></i>
                        手机客户端下载
                    </div>
                </div>
                <div class="head_top_right">
                    <a href="">我的订单</a>
                    <span>|</span>
                    <a href="">用户中心
                        <div class="box"></div>
                    </a>
                    <span>|</span>
                    <a href="">关于我们</a>
                    <span>|</span>
                    <a href="">加入我们</a>
                </div>
            </div>
            <div class="head_middle clearfix">
                <div class="head_middle_logo">
                    <img src="../趣运动/images/logo.jpg" alt="">
                    <div class="title">
                        <span>广州</span>
                        <div class="box1"></div>
                    </div>
                </div>
                <div class="head_middle_search">
                    <div class="search1">
                        <span>羽毛球</span>
                        <div class="box1"></div>
                    </div>
                    <div class="search2">
                        <span>请输入场馆名称</span>
                    </div>
                    <div class="search3">
                        <span>搜索</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="container">
            <div class="nav">
                <ul>
                    <li class="first">场馆预订</li>
                    <li>手机客户端</li>
                    <li><i class="iconfont icon-new"></i>预订流程</li>
                </ul>
                <div class="nav_left">
                    <i class="iconfont icon-icon-user"></i>
                    <span>您好!请[登录] [注册]</span>
                </div>
            </div>
            <div class="banner clearfix">
                <div class="left clearfix">
                    <div class="banner_left">
                        <div class="inner">
                            <img src="../趣运动/images/banner.webp" alt="">
                            <div class="point">
                                <ol>
                                    <li>1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li class="active">4</li>
                                </ol>
                            </div>
                            <div class="arrow">
                                <div class="l">&lt;</div>
                                <div class="r">&gt;</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="banner_right ">
                        <div class="nav_top">
                            <ul>
                                <li class="k"> 客户端</li>
                                <li>微信</li>
                                <li>微博</li>
                            </ul>
                        </div>
                        <div class="ewm">
                            <img src="../趣运动/images/erweima.jpg" alt="">
                        </div>
                        <div class="ewm_right">
                            <ul>
                                <li class="a">趣运动客户端</li>
                                <li class="b">可扫描二维码下载</li>
                            </ul>
                            <div class="ewm_tubiao">
                                <div class="ewm_bottom1">
                                    <ul>
                                        <li>
                                            <i class="iconfont icon-pingguo"></i>
                                        </li>
                                        <li class="t">苹果
                                        </li>
                                    </ul>
                                </div>
                                <div class="ewm_bottom2">
                                    <ul>
                                        <li>
                                            <i class="iconfont icon-anzhuo"></i>
                                        </li>
                                        <li class="t">安卓
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="body1">
        <div class="container">
            <div class="main">
                <div class="left_middle clearfix">
                    <div class="yuan">
                        <i class="iconfont icon-shubiao"></i>
                    </div>
                    <div class="m">
                        <p>第一步/<span>选场次</span></p>
                        <p>选择预定的时间</p>
                    </div>
                    <div class="arr">
                        <img src="../趣运动/images/arrow.jpg" alt="">
                    </div>
                </div>
                <div class="left_middle clearfix">
                    <div class="yuan">
                        <i class="iconfont icon-Icon_48_DailyLateFee"></i>
                    </div>
                    <div class="m">
                        <p>第二步/<span>支付</span></p>
                        <p>支持支付宝及网银支付</p>
                    </div>
                    <div class="arr">
                        <img src="../趣运动/images/arrow.jpg" alt="">
                    </div>
                </div>
                <div class="left_middle clearfix">
                    <div class="yuan">
                        <i class="iconfont icon-shouji1"></i>
                    </div>
                    <div class="m">
                        <p>第三步/<span>验证</span></p>
                        <p>在球馆前台短信验证后打球</p>
                    </div>
                </div>
            </div>
            <div class="main_left">
                <div class="main_left_top">
                    <div class="nav"><span>推荐场馆</span></div>
                    <div class="middle">
                        <img src="../趣运动/images/img1.jpg" alt="">
                        <div class="img_right">
                            <ul class="clearfix">
                                <li class="a">趣运动+名狮羽毛球馆</li>
                                <li class="b">价格:¥30.00</li>
                            </ul>
                        </div>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li>
                                趣运动•新翼羽毛球馆<span>天河区</span></li>
                            <li>天河区科新羽毛球馆<span>天河区</span></li>
                            <li>荔湾区君雄羽毛球馆<span>荔湾区</span></li>
                            <li>海珠区广州创傲（纺织）体育运动场<span>海珠区</span></li>
                            <li>白云区乐乐羽毛球馆<span>白云区</span></li>
                        </ul>
                    </div>
                </div>
                <div class="main_left_bottom">
                    <img src="../趣运动/images/img2.jpg" alt="">
                </div>
            </div>
            <div class="main1">
                <div class="top">
                    <div class="top1">
                        <i class="iconfont icon-xiangmu2"></i>项目
                    </div>
                    <ul>
                        <li class="first">羽毛球场</li>
                        <li>游泳馆</li>
                        <li>足球室</li>
                        <li>网球场</li>
                        <li>篮球场</li>
                        <li>壁球</li>
                    </ul>
                </div>
                <div class="middle">
                    <div class="middle1">
                        <i class="iconfont icon-didian"></i>
                        区域
                    </div>
                    <div class="middle2">
                        <ul>
                            <li>不限</li>
                            <li>天河区</li>
                            <li>白云区</li>
                            <li>海珠区</li>
                            <li>荔湾区</li>
                            <li>越秀区</li>
                            <li>黄埔区</li>
                            <li>番禺区 </li>
                            <li>花都区</li>
                            <li>增城区</li>
                            <li>从化市</li>
                            <li>萝岗区</li>
                            <li>南沙区</li>
                        </ul>
                    </div>
                </div>
                <div class="bottom">
                    <div class="box_bottom">
                        <div class="you">
                            <img src="../趣运动/images/m1.jpg" alt="">
                        </div>
                        <div class="zhong">
                            <p class="first">广州体育馆</p>
                            <p>地址：白云区白云大道南783号广州新体育馆</p>
                            <p class="z1">层高:15m以上<span>地板:木地板</span></p>
                        </div>
                        <div class="zuo">
                            <p>优惠价:<span>25</span>元</p>
                            <del>原价:35元</del>
                            <p class="z2">立即预定</p>
                        </div>
                    </div>
                    <div class="box_bottom">
                        <div class="you">
                            <img src="../趣运动/images/m2.jpg" alt="">
                        </div>
                        <div class="zhong">
                            <p class="first">广州体育馆</p>
                            <p>地址：白云区白云大道南783号广州新体育馆</p>
                            <p class="z1">层高:15m以上<span>地板:木地板</span></p>
                        </div>
                        <div class="zuo">
                            <p>优惠价:<span>25</span>元</p>
                            <del>原价:35元</del>
                            <p class="z2">立即预定</p>
                        </div>
                    </div>
                    <div class="box_bottom">
                        <div class="you">
                            <img src="../趣运动/images/m2.jpg" alt="">
                        </div>
                        <div class="zhong">
                            <p class="first">广州体育馆</p>
                            <p>地址：白云区白云大道南783号广州新体育馆</p>
                            <p class="z1">层高:15m以上<span>地板:木地板</span></p>
                        </div>
                        <div class="zuo">
                            <p>优惠价:<span>25</span>元</p>
                            <del>原价:35元</del>
                            <p class="z2">立即预定</p>
                        </div>
                    </div>
                    <div class="box_bottom">
                        <div class="you">
                            <img src="../趣运动/images/m2.jpg" alt="">
                        </div>
                        <div class="zhong">
                            <p class="first">广州体育馆</p>
                            <p>地址：白云区白云大道南783号广州新体育馆</p>
                            <p class="z1">层高:15m以上<span>地板:木地板</span></p>
                        </div>
                        <div class="zuo">
                            <p>优惠价:<span>25</span>元</p>
                            <del>原价:35元</del>
                            <p class="z2">立即预定</p>
                        </div>
                    </div>
                    <div class="box_bottom">
                        <div class="you">
                            <img src="../趣运动/images/m2.jpg" alt="">
                        </div>
                        <div class="zhong">
                            <p class="first">广州体育馆</p>
                            <p>地址：白云区白云大道南783号广州新体育馆</p>
                            <p class="z1">层高:15m以上<span>地板:木地板</span></p>
                        </div>
                        <div class="zuo">
                            <p>优惠价:<span>25</span>元</p>
                            <del>原价:35元</del>
                            <p class="z2">立即预定</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main2">
                <div class="box1">
                    <span>&gt;&gt;</span>
                    下一页
                </div>
                <div class="point">
                    <ul>
                        <li class="active">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                </div>
                <div class="box2">
                    上一页
                    <span>&lt;&lt;</span>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="container">
            <div class="foot_top">
                <div class="f1">
                    <p>关于我们</p>
                    <p>加入我们</p>
                    <p>联系我们</p>
                </div>
                <div class="f2">
                    <p>帮助中心</p>
                    <p>预订流程</p>
                </div>
                <div class="f3">
                    <p>商家后台</p>
                </div>
                <div class="f4">
                    <div class="left">
                        <img src="../趣运动/images/erweima.jpg" alt="">
                    </div>
                    <div class="right">
                        <p>趣运动客户端</p>
                        <p class="a">可扫描二维码下载</p>
                        <i class="iconfont icon-pingguo b"></i>
                        <i class="iconfont icon-anzhuo c"></i>
                    </div>
                </div>
                <div class="f5">
                    <p><i class="iconfont icon-dianhua"></i>4000-410-480</p>
                    <p><i class="iconfont icon-shizhong"></i>10:00-21:00</p>
                    <p class="a">周一至周六</p>
                </div>
            </div>
            <div class="foot_bottom">
                <p>粤ICP备14021879号-2 © 2014 趣运动 使用本网站即表示接受趣运动用户协议。</p>
                <div class="m1"><img src="../趣运动/images/logo1.jpg" alt=""></div>
                <div class="m1"><img src="../趣运动/images/logo2.jpg" alt=""></div>
                <div class="m1"><img src="../趣运动/images/logo3.jpg" alt=""></div>
            </div>
        </div>
    </div>
</body>

</html>